<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
	<meta charset="UTF-8">
	<link rel="shortcut icon" th:href="@{/fav.ico}">
	<link rel="stylesheet" th:href="@{/css/iconfont.css}">
	<link rel="stylesheet" th:href="@{/css/global.css}">
	<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
	<link rel="stylesheet" th:href="@{/css/bootstrap-theme.min.css}">
	<link rel="stylesheet" th:href="@{/css/swiper.min.css}">
	<link rel="stylesheet" th:href="@{/css/styles.css}">
	<script th:src="@{/js/jquery.1.12.4.min.js}" charset="UTF-8"></script>
	<script th:src="@{/js/bootstrap.min.js}" charset="UTF-8"></script>
	<script th:src="@{/js/swiper.min.js}" charset="UTF-8"></script>
	<script th:src="@{/js/global.js}" charset="UTF-8"></script>
	<script th:src="@{/js/jquery.DJMask.2.1.1.js}" charset="UTF-8"></script>
	<title>收藏</title>
</head>
<body>
<!--为了能够跳转页面，将这个页面直接放到了order_index页面里，这里就不用了，对应到这的跳转接口也不会用了-->
	<div class="user-content__box clearfix bgf">
		<div class="title">订单中心-我的收藏</div>
		<div class="collection-list__area clearfix">
			<div class="item-card" th:each="product:${list}">
				<a th:href="@{/product/getProductDetailPage(id=${product.id})}" class="photo">
					<img th:src="${product.getMainImage()}" th:alt="${product.name}" class="cover">
					<div class="name" th:text="${product.name}"></div>
				</a>
				<div class="middle">
					<div class="price" th:utext="'<small>￥</small>'+${product.getPrice()}"></div>
				</div>
			</div>

		</div>
		<div class="page text-right clearfix">
			<a class="disabled">上一页</a>
			<a class="select">1</a>
			<a href="">2</a>
			<a href="">3</a>
			<a class="" href="">下一页</a>
			<a class="disabled">1/3页</a>
		</div>
	</div>

</body>
<script th:inline="javascript">

	$('.link').css("cursor", "pointer");
</script>
</html>